<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>学生信息</title>   
        <link href="css/bootstrap.min.css" rel="stylesheet">   
		<link href="css/datepicker.css" rel="stylesheet">
		<link href="css/jquery-confirm.css" rel="stylesheet">  
    </head>
	<script type="text/javascript" src="js/jquery-1.10.2.min.js"></script>
	<script type="text/javascript" src="js/jquery.validate.min.js"></script>	
	<script type="text/javascript" src="js/jquery.form.min.js"></script>	
	<script type="text/javascript" src="js/bootstrap.min.js"></script>
	<script src="js/bootstrap-datepicker.min.js"></script>	
	<script src="js/bootstrap-datepicker-cn.js"></script>	
	<script src="js/bootbox.min.js"></script>
	<script src="js/jquery-confirm.js"></script>
	<script src="js/my/student-msg.js"></script>
	<!-- 定义错误提示的样式：字体红色、加粗  -->
	<style type="text/css">	
		label.error{
			font-weight:bold;
			color:red;
		}
		input.error{
			border:1px solid red;
		}
	</style>	 
    <body>
		<div class="navbar navbar-inverse" role="navigation">
		  <div class="navbar-header">
			 <a href="##" class="navbar-brand">学生信息分析系统</a>
			 <img  class="img-circle" src="img/1.png" style="height:50px;wight:55px;"/> 
		  </div>
		  <ul class="nav navbar-nav">
			  <li class="active"><a href="">首页</a></li>
			<li><a href="">导航1</a></li>
			<li><a href="">导航2</a></li>
		  </ul>
		</div>
		
		<div class="container-fluid">
			<div class="panel panel-default">
				<!-- Default panel contents -->
				<div class="panel-heading">
					<div class="btn-group" role="group" aria-label="">
						<form name="queryForm" id="queryForm" action="http://127.0.0.2/heiMaStudentMsg/queryByParams" method="get"
							class="navbar-form navbar-right form-horizontal" role="search">
							<input type="hidden" id="currentPage" value="1" name="currentPage" />
							<input type="hidden" id="pageSize" value="10" name="pageSize"/>
							
							<div class="col-sm-3 has-success">
								<label class="col-sm-4 control-label">班级:</label>
								<div class="col-sm-8">
									<input type="text" class="form-control" id="javaBatch" name="javaBatch" placeholder="数字">
								</div>
							</div>
							<div class="col-sm-3 has-success">
								<label class="col-sm-4 control-label">所属组:</label>
								<div class="col-sm-8">
									<input type="text" class="form-control" id="group" name="group" placeholder="数字">
								</div>
							</div>
							<div class="col-sm-3 has-success">
								<label class="col-sm-4 control-label">姓名:</label>
								<div class="col-sm-8">
									<input type="text" class="form-control" id="name" name="name" placeholder="模糊搜索">
								</div>
							</div>
							<div class="col-sm-3 has-success">
								<label class="col-sm-4 control-label">年龄:</label>
								<div class="col-sm-2">
									<input type="text" class="form-control" id="startAge" name="startAge" placeholder=">=" style="width:80px;">
								</div>
								<div class="col-sm-1"></div>
								<div class="col-sm-2">
									<input type="text" class="form-control" id="endAge" name="endAge" placeholder="<=" style="width:80px;">
								</div>
							</div>
							<div class="col-sm-12">
								&nbsp;
							</div>
							<div class="col-sm-3 has-success">
								<label class="col-sm-4 control-label">模拟面试:</label>
								<div class="col-sm-8">
									<select class="form-control" id="peacetimeLevel" name="peacetimeLevel" value="" style="width:200px;">
										<option value="">请选择</option>
										<option value="1">优秀</option>
										<option value="2">良好</option>
										<option value="3">一般</option>
										<option value="4">差</option>
										<option value="5">非常差</option>
										<option value="0">尚未模拟面试</option>
									</select>
								</div>
							</div>
							<div class="col-sm-3 has-success">
								<label class="col-sm-4 control-label">学历:</label>
								<div class="col-sm-8">
									<select class="form-control" id="education" name="education" value="" style="width:200px;">
										<option value="">请选择</option>
										<option value="高中">高中</option>
										<option value="中专">中专</option>
										<option value="大专">大专</option>
										<option value="本科">本科</option>
									</select>
								</div>
							</div>
							<div class="col-sm-3 has-success">
								<label class="col-sm-4 control-label">工作信息:</label>
								<div class="col-sm-8">
									<input type="text" class="form-control" id="workMsg" name="workMsg" placeholder="模糊搜索">
								</div>
							</div>
							<div class="col-sm-3 has-success">
								<label class="col-sm-4 control-label">备注:</label>
								<div class="col-sm-8">
									<input type="text" class="form-control" id="remark" name="remark" placeholder="模糊搜索">
								</div>
							</div>
							<div class="col-sm-12">
								&nbsp;
							</div>
							<div class="col-sm-3 has-success">
								<label class="col-sm-4 control-label">就业标识:</label>
								<div class="col-sm-8">
									<select class="form-control" id="findWorkFlag" name="findWorkFlag" value="" style="width:200px;">
										<option value="">请选择</option>
										<option value="1">先锋</option>
										<option value="0">主力</option>
										<option value="2">支援</option>
									</select>
								</div>
							</div>
							<div class="col-sm-3 has-success">
								<label class="col-sm-4 control-label">关注级别:</label>
								<div class="col-sm-8">
									<select class="form-control" id="followLevel" name="followLevel" value="" style="width:200px;">
										<option value="">请选择</option>
										<option value="1">重点关注</option>
										<option value="2">中等关注</option>
										<option value="3">一般关注</option>
									</select>
								</div>
							</div>
							<div class="col-sm-3 has-success">
								<label class="col-sm-4 control-label">有无offer:</label>
								<div class="col-sm-8">
									<select class="form-control" id="offerFlag" name="offerFlag" value="" style="width:200px;">
										<option value="">请选择</option>
										<option value="1">有</option>
										<option value="0">无</option>
									</select>
								</div>
							</div>
							<div class="col-sm-3 has-success">
								<label class="col-sm-4 control-label">薪资:</label>
								<div class="col-sm-2">
									<input type="text" class="form-control" id="startSalary" name="startSalary" placeholder=">=" style="width:80px;">
								</div>
								<div class="col-sm-1"></div>
								<div class="col-sm-2">
									<input type="text" class="form-control" id="endSalary" name="endSalary" placeholder="<=" style="width:80px;">
								</div>
							</div>
							<div class="col-sm-12">&nbsp;</div>
							<div class="col-sm-9"></div>
							<div class="col-sm-3">
								<div class="col-sm-2"></div>
								<div class="col-sm-2">
									<button type="button" class="btn btn-primary" onclick="search();">搜索</button>
								</div>
								<div class="col-sm-2">
									<button type="button" class="btn btn-warning" onclick="resetQueryForm();" >重置</button>
								</div>
								<div class="col-sm-2">
									<button type="button" class="btn btn-success" onclick="openAddModal();" >新增</button>
								</div>
								<div class="col-sm-2">
									<button type="button" class="btn btn-info" onclick="openImportModal();" >批量导入</button>
								</div>
							</div>
						</form>
					</div>
				</div>

				<table class="table table-hover table-striped table-bordered">
					<thead>
						<tr>
							<th style="text-align: center;vertical-align: middle;width:3%;">No.</th>
							<th style="text-align: center;vertical-align: middle;width:5%;">姓名</th>
							<th style="text-align: center;vertical-align: middle;width:5%;">年龄</th>
							<th style="text-align: center;vertical-align: middle;width:10%;">手机号</th>
							<th style="text-align: center;vertical-align: middle;width:5%;">学历</th>
							<th style="text-align: center;vertical-align: middle;width:10%;">毕业学校</th>
							<th style="text-align: center;vertical-align: middle;width:10%;">毕业时间</th>
							<th style="text-align: center;vertical-align: middle;width:10%;">薪资</th>
							<th style="text-align: center;vertical-align: middle;width:10%;">工作信息</th>
							<th style="text-align: center;vertical-align: middle;width:10%;">入职日期</th>
							<th style="text-align: center;vertical-align: middle;width:10%;">备注</th>
							<th style="text-align: center;vertical-align: middle;width:10%;">操作</th>
						</tr>
					</thead>
					<tbody id="studentMsgInfo-tbody"></tbody>
				</table>
			</div>
			
			<div class="page" style="padding-bottom:100px;">
				<div class="col-sm-2"></div>
				<div class="col-sm-8">
					<div class="col-sm-1"></div>
					<div class="col-sm-2">
						<select class="form-control input-sm" style="width:130px;" id="pageSizeView" name="pageSizeView">
							<option value="10">显示10条/页</option >
							<option value="20">显示20条/页</option >
							<option value="50">显示50条/页</option >
							<option value="100">显示100条/页</option >
						</select>
					</div>
					<div class="col-sm-2" style ="font-size:16px;line-height:30px;">
						<b><div class="col-sm-12">共 <label id="allCount" class="control-label"></label> 条记录</div></b>
					</div>
					<div class="col-sm-3" style ="font-size:16px;line-height: 30px;">
						<b><label class="col-sm-1">第</label>
						<div class="col-sm-4">
							<input type="text" class="form-control input-sm"  id="currentPageView"  title="输入页码，快速跳转" onblur="jump(this.value)"> 
						</div>
						<label class="col-sm-1">页</label>
						/ 共 <label id="pageCount" class="control-label"></label> 页</b>
					</div>
					<div class="col-sm-4" style ="font-size:16px;line-height:30px;">
						<em>
							<a href="javascript:void(0)" onclick="jump('1');return false;">首页</a>&nbsp;&nbsp;&nbsp;&nbsp;
							<a href="javascript:void(0)" onclick="jump('pre');return false;">上一页</a>&nbsp;&nbsp;&nbsp;&nbsp;
							<a href="javascript:void(0)" onclick="jump('next');return false;">下一页</a>&nbsp;&nbsp;&nbsp;&nbsp;
							<a href="javascript:void(0)"onclick="jump('last');return false;">尾页</a>
						</em>
					</div>
				</div>		
			</div>
		</div>
		
		<div class="modal fade bs-example-modal-lg" id="saveModal" role="dialog"   tabindex="-1" aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop = 'static'  data-keyboard = 'false'>
			<div class="modal-dialog modal-lg"> <!-- style="width:875px;" -->
			
					<div class="modal-content">
						<div class="modal-header">
							<button type="button" class="close"  data-dismiss="modal" aria-hidden="true"> &times;</button>
							<h4 class="modal-title">
								<strong>学生信息</strong>
							</h4>
						</div>
						<form  id="saveForm" class="form-horizontal" role="form">
						<input type="hidden" id="id" name="id" />
						<div class="modal-body">
							<div class="row">
								<div class="col-md-6" >
									<label class="col-sm-4 control-label" for="name">
										<font color='red'> * </font>姓名：
									</label>
									<div class="form-group col-sm-8">
										<input type="text" class="form-control" name="name" id="stuName">
									</div>		
								</div>
								<div class="col-md-6" >
									<label class="col-sm-4 control-label" for="sex">
										<font color='red'> * </font>性别：
									</label>
									<div class="form-group col-sm-8">
										<select class="form-control" id="sex" name="sex" value="男" style="width:24	0px;">
											<option value="男">男</option>
											<option value="女">女</option>
										</select>
									</div>		
								</div>
							</div>
							<div class="row">
								<div class="col-md-6" >
									<label class="col-sm-4 control-label" for="age">
										<font color='red'> * </font>年龄：
									</label>
									<div class="form-group col-sm-8">
										<input type="text" class="form-control" name="age" id="age">
									</div>		
								</div>
								<div class="col-md-6" >
									<label class="col-sm-4 control-label" for="phone">
										<font color='red'> * </font>手机号：
									</label>
									<div class="form-group col-sm-8">
										<input type="text" class="form-control" name="phone" id="phone">
									</div>				
								</div>
							</div>
							<div class="row">
								<div class="col-md-6" >
									<label class="col-sm-4 control-label" for="education">
										<font color='red'> * </font>学历：
									</label>
									<div class="form-group col-sm-8">
										<select class="form-control" id="stuEducation" name="education" value="" style="width:250px;">
											<option value="">请选择</option>
											<option value="高中">高中</option>
											<option value="中专">中专</option>
											<option value="大专">大专</option>
											<option value="本科">本科</option>
										</select>
									</div>		
								</div>
								<div class="col-md-6" >
									<label class="col-sm-4 control-label" for="peacetimeLevel">
										模拟面试：
									</label>
									<div class="form-group col-sm-8">
										<select class="form-control" id="stuPeacetimeLevel" name="peacetimeLevel" value="男" style="width:250px;">
											<option value="">请选择</option>
											<option value="1">优秀</option>
											<option value="2">良好</option>
											<option value="3">一般</option>
											<option value="4">差</option>
											<option value="5">非常差</option>
										</select>
									</div>		
								</div>
							</div>
							<div class="row" >
								<div class="col-md-6" >
									<label class="col-sm-4 control-label" for="school">
										毕业学校：
									</label>
									<div class="form-group col-sm-8">
										<input type="text" class="form-control" name="school" id="school">
									</div>		
								</div>
								<div class="col-md-6" >
									<label class="col-sm-4 control-label" for="graduateTimeStr">
										毕业时间：
									</label>
									<div class="form-group col-sm-8">
										<input type="date" class="form-control" name="graduateTimeStr" id="graduateTime">
									</div>		
								</div>
							</div>
							<div class="row">
								<div class="col-md-6" >
									<label class="col-sm-4 control-label" for="javaBatch">
										<font color='red'> * </font>所属班级：
									</label>
									<div class="form-group col-sm-8">
										<input type="text" class="form-control" name="javaBatch" id="stuJavaBatch">
									</div>		
								</div>
								<div class="col-md-6" >
									<label class="col-sm-4 control-label" for="phone">
										所属班级组：
									</label>
									<div class="form-group col-sm-8">
										<input type="text" class="form-control" name="group" id="stuGroup">
									</div>				
								</div>
							</div>
							<div class="row">
								<div class="col-md-6" >
									<label class="col-sm-4 control-label" for="findWorkFlag">
										就业标识：
									</label>
									<div class="form-group col-sm-8">
										<select class="form-control" id="stuFindWorkFlag" name="findWorkFlag" value="" style="width:250px;">
											<option value="">请选择</option>
											<option value="1">先锋</option>
											<option value="0">主力</option>
											<option value="2">支援</option>
										</select>
									</div>		
								</div>
								<div class="col-md-6" >
									<label class="col-sm-4 control-label" for="followLevel">
										关注级别：
									</label>
									<div class="form-group col-sm-8">
										<select class="form-control" id="stuFollowLevel" name="followLevel" value="男" style="width:250px;">
											<option value="">请选择</option>
											<option value="1">重点关注</option>
											<option value="2">中等关注</option>
											<option value="3">一般关注</option>
										</select>
									</div>		
								</div>
							</div>
							<div class="row">
								<div class="col-md-6" >
									<label class="col-sm-4 control-label" for="hopeSalary">
										期望薪资：
									</label>
									<div class="form-group col-sm-8">
										<input type="text" class="form-control" name="hopeSalary" id="hopeSalary">
									</div>		
								</div>
								<div class="col-md-6" >
									<label class="col-sm-4 control-label" for="hopeCity">
										期望城市：
									</label>
									<div class="form-group col-sm-8">
										<input type="text" class="form-control" name="hopeCity" id="hopeCity">
									</div>				
								</div>
							</div>
							<div class="row">
								<div class="col-md-12" >
									<label class="col-sm-2 control-label" for="simulationMeetRemark">
										模拟面试备注：
									</label>
									<div class="form-group col-sm-10">
										<textarea name="simulationMeetRemark" id="simulationMeetRemark"
										rows="4" cols="92px"></textarea>
									</div>		
								</div>
							</div>
							<div class="row">
								<div class="col-md-6" >
									<label class="col-sm-4 control-label" for="offerFlag">
										有无offer：
									</label>
									<div class="form-group col-sm-8">
										<select class="form-control" id="stuOfferFlag" name="offerFlag" value="" style="width:250px;">
											<option value="">请选择</option>
											<option value="1">有</option>
											<option value="0">无</option>
										</select>
									</div>		
								</div>
								<div class="col-md-6" >
									<label class="col-sm-4 control-label" for="salary">
										offer薪资：
									</label>
									<div class="form-group col-sm-8">
										<input type="text" class="form-control" name="salary" id="stuSalary">
									</div>	
								</div>
							</div>
							<div class="row" >
								<div class="col-md-6" >
									<label class="col-sm-4 control-label" for="workMsg">
										工作信息：
									</label>
									<div class="form-group col-sm-8">
										<input type="text" class="form-control" name="workMsg" id="stuWorkMsg">
									</div>		
								</div>
								<div class="col-md-6" >
									<label class="col-sm-4 control-label" for="ruzhiTimeStr">
										入职时间：
									</label>
									<div class="form-group col-sm-8">
										<input type="date" class="form-control" name="ruzhiTimeStr" id="ruzhiTime">
									</div>		
								</div>
							</div>
							<div class="row">
								<div class="col-md-12" >
									<label class="col-sm-2 control-label" for="remark">
										其它备注：
									</label>
									<div class="form-group col-sm-10">
										<textarea name="remark" id="stuRemark"
										rows="4" cols="92px"></textarea>
									</div>		
								</div>
							</div>
						</div>
						</form>
						<form id="form-fileUploadTwo" method="post" action="http://127.0.0.1/heiMaStudentMsg/upload"  enctype="multipart/form-data">
							<div class="modal-body">
								<div class="row">
									<div class="form-group col-md-12" >
										<div class="form-group">
											<label class="col-sm-3 control-label">
											  <font color='red'>
												<font color="red">*</font>
											  </font>
												选择文件：
											</label>
											<div class="col-sm-6">
												<input type="file" id="offerFile" name="offerFile" /></br>
											</div>   
										</div>
									</div>
								</div>
							</div>
							<div class="modal-footer">
								<button id="btn-upload-two" class="btn btn-sm btn-info" data-loading-text="正在上传...">
									数据上传
								 </button>
							</div>
						</form>
						<div class="modal-footer">
							<button type="button" class="btn btn-default"  data-dismiss="modal">取消</button>	
							<button type="button" id="reset" class="btn btn-warning" onclick="resetSaveForm();">重置</button>
							<button type="button" id="save" class="btn btn-success" onclick="submitSaveForm();">保存</button>
						</div>
					</div>
			</div>	
		</div>
		<div class="modal fade bs-example-modal" id="importModal" role="dialog"   tabindex="-1" aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop = 'static'  data-keyboard = 'false'>
			<div class="modal-dialog"> <!-- style="width:875px;" -->
					<div class="modal-content">
						<div class="modal-header">
							<button type="button" class="close"  data-dismiss="modal" aria-hidden="true"> &times;</button>
							<h4 class="modal-title">
								<strong>批量导入学生信息</strong>
							</h4>
						</div>
						<form id="form-importData" enctype="multipart/form-data">
							<div class="modal-body">
								<div class="row">
									<div class="form-group col-md-12" >
										<div class="form-group">
											<label class="col-sm-3 control-label">
											  <font color='red'>
												<font color="red">*</font>
											  </font>
												选择文件：
											</label>
											<div class="col-sm-6">
												<input type="file" id="excelFile" name="excelFile"  accept=".xls,.xlsx"/></br>
											</div>   
										</div>
									</div>
								</div>
							</div>
							<div class="modal-footer">
								<button id="btn-import-data" type="button" class="btn btn-sm btn-info" data-loading-text="正在上传...">
									数据上传
								 </button>
							</div>
						</form>
					</div>
			</div>	
		</div>
    </body>
</html>
